<template>
  <div>
    <scroll-table v-bind="tableConfig">
      <template v-slot:test="{ row }">
        {{ row.name }}
      </template>
    </scroll-table>
  </div>
</template>

<script setup lang="ts">
const tableConfig = {
  height: "400px",
  borderColor: "#f7f7f714",
  headerStyle: {
    backgroundColor: "#0a70ff",
    color: "#fff",
    fontSize: "14px",
  },
  columnStyle: {
    backgroundColor: "#000",
    color: "#fff",
    fontSize: "12px",
  },
  column: [
    {
      label: "单独地",
      prop: "name",
    },
    {
      label: "333",
      prop: "name",
    },
    {
      label: "dsfsd",
      prop: "name",
    },
    {
      label: "单独地3",
      prop: "test",
    },
  ],
  data: [
    { name: 12 },
    { name: 12 },
    { name: 12 },
    { name: 12 },
    { name: 12 },
    { name: 12 },
    { name: 12 },
    { name: 12 },
    { name: 12 },
    { name: 12 },
    { name: 12 },
  ],
};
</script>

<style scoped lang="scss"></style>
